<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style>
			/*设置背景颜色*/
			body{
				background-color: antiquewhite;
			}
			
			h1{
				background-color: aquamarine;
			}
			
			p{
				background-color: azure;
			}
			
			div{
				background-color: blue;
			}
			
			/*设置水平或垂直平铺*/
			#div1{
				width: 400px;
				height: 400px;
				background-image: url('https://www.runoob.com/images/img_the_scream.jpg');
				background-repeat: repeat-x;
				margin-bottom: 10px;
			}
			
			/*
			背景图像- 设置定位与不平铺
			*/
			#div2{
				width: 400px;
				height: 400px;
				background-image: url('https://www.runoob.com/images/img_the_scream.jpg');
				background-repeat: no-repeat;
				background-position:right top;
				margin-bottom: 10px;
			}
			
			/*背景- 简写属性*/
			#div3{
				width: 400px;
				height: 400px;
				background: #ffffff url('https://www.runoob.com/images/img_the_scream.jpg') no-repeat right top;
				margin-bottom: 10px;
			}
		</style>
	</head>
	<body>
		<h1>a</h1>
		<p>a</p>
		<div>a</div>
		
		<!--背景图像-->
		<div id="div1"></div>
		<div id="div2"></div>
		<div id="div3"></div>
	</body>
</html>